<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>账户移交</title>
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css?v=20181211" rel="stylesheet" />
		<link rel="stylesheet" href="./css/public.css?v=20181211" />
		<link href="./css/city-cart-detail.css?v=20181211" />
		<link rel="stylesheet" href="./css/personal.css?v=20181211" />
		<link rel="stylesheet" href="./css/info-move.css?v=20181211" />
		<link rel="stylesheet" href="./css/cxvalidation.css?v=20181211">
		<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
		<script src='./js/jquery-3.2.1.min.js'></script>
		<script src="./js/mui.min.js"></script>
		<script src="./js/art-template.js"></script>
		<script src="./js/cxvalidation.js"></script>
		<script src="./js/config.js?v=20181211"></script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header_change_color">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">账户移交</h1>
		</header>
			
	      <div class="mui-content">
              <div class='promit'><p style="color: #fff">受移交人微信扫二维码</p><p style="color: #fff">关注进商城【我的个人中心】查看ID</p></div>
		 	<form action="" name='myForm' id='myForm' style="padding: 0 0.5rem">
				<div class='edit-container'>
					<span class='edit-left'>受移交人ID：</span>
					<input class='edit-right'style="height: 2rem!important;margin-top: 0.6rem;" name="move_id"  id="move_id" type="text" value='' placeholder="受移交人ID" data-validation="required" data-validation-message='{"required":"请填写受移交人ID"}'/>

				</div>
				<!--获取验证码-->
				<div class='edit-container'>
					<span class='edit-left' style="width: 9rem">获取验证码：</span>
					<input name="captcha" id='edit-right-two' type="number" value='' placeholder="输入验证码" style="width:47%;" data-validation="required" data-validation-message='{"required":"请填写验证码"}'/>
					<button type="button" id="get_cart" class="mui-btn mui-btn-success change-num">获取验证码</button>
				</div>


				<div class='edit-container'>
					<span class='edit-left'>受移交人姓名：</span>
					<input name="name" class='edit-right' style="height: 2rem!important;margin-top: 0.6rem;" id="name" type="text" value='' placeholder="受移交人姓名" data-validation="required" data-validation-message='{"required":"请填写受移交人姓名"}'/>
				</div>
				<div class='edit-container'>
					<span class='edit-left'>受移交人手机号：</span>
					<input name="mobile" class='edit-right' style="height: 2rem!important;margin-top: 0.6rem;"id="mobile" type="text" value='' placeholder="受移交人手机号" data-validation="required" data-validation-message='{"required":"请填写受移交人手机号"}'/>
				</div>
				<div class="img_qrcode" style=''>
				</div>
					 <!--确定移交-->
				 <div class='sure-submit' style="position: fixed">
					<button id='button' type="submit">确定移交</button>
				 </div>
   		 	</form>
		</div>
		<style>
			.img_qrcode{
				margin-bottom: 8rem;
				margin-top: 2rem;
				display: flex;
				display: -webkit-flex;
				align-items: center;
				-webkit-align-items: center;
				justify-content: center;
				-webkit-justify-content: center;
			}
			.img_qrcode img{
				width: 12rem;
			}
			.show_alert{
				background-color:rgba(0,0,0,0.5);
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 4;
				display: flex;
				display: -webkit-flex;
				justify-content: center;
				-webkit-justify-content: center;
				align-items: center;
				-webkit-align-items: center;
			}
			.alert_content{
				padding: 1rem;
				background: #fff;
				border-radius: 10px;
				text-align: center;
				width: 80%;
			}
			.img_cuo{
				position: absolute;
				top: 0;
				right: 0;
				padding-left: 2rem;
			}
			.alert_content input{
				background: #f1f1f1;
				text-align: center;
				font-size: 0.9rem;
			}
		</style>
		<form action="" name='myform_mobile' id='myform_mobile' style="display: none">
			<div class="div_status">
				<div class="show_alert" >
					<div class="alert_content">
						<div style="position: relative">绑定手机号
							<div class="img_cuo">
								<img  style="width: 1rem" src="image/cuo.png">
							</div>
						</div>
						<div style="margin-top: 1rem ;display: flex;background: #f1f1f1">
							<input type="text" name="mobile" class="mobile" placeholder="输入手机号" data-validation="required,call[is_mobile]" data-validation-message='{"required":"请输入手机号"}'>
						</div>
						<div style="margin-top: 1rem ;display: flex;background: #f1f1f1;display: -webkit-flex;align-items: center;-webkit-align-items: center">
							<input name="captcha" style="width: 50%" type="text" placeholder="输入验证码" data-validation="required" data-validation-message='{"required":"请输入验证码"}'>
							<p class="get_code" style="border-left: 1px solid #222222;padding-left: 1rem;color: #25bdef">获取验证码</p>
						</div>
						<button style="margin-top: 1rem;padding: 0.5rem 2rem" type="submit" class="mui-btn-blue submit-sure">提交</button>
					</div>
				</div>
			</div>
		</form>
		<script src='js/commen.js?v=20181211'></script>
	<script src="js/info-move.js?v=20181211"></script>
	</body>

</html>
